@charset "UTF-8";
/**
 * 设计稿和页面展示1:1，即1px = 1rem
 * 使用了scss变量和css变量混用，因为@media条件不支持css变量，calc不支持scss变量
 * 引用方法：@import './rem.scss';
*/
:root {
  --DesignWidth: 750;
  --PageMaxWidth: 750px;
}

html {
  font-size: calc(100vw / var(--DesignWidth));
}

@media screen and (min-width: 750px) {
  html {
    font-size: calc(var(--PageMaxWidth) / var(--DesignWidth));
  }
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body div {
  color: blue;
}

body .bg {
  width: 100vw;
  height: 100vh;
  background: url("../src/assets/bg.png") no-repeat top center;
  background-size: 100% 100%;
  padding: 92rem 72rem;
  box-sizing: border-box;
}

body .bg .title {
  width: 482rem;
  height: auto;
}

body .bg .news {
  width: 144rem;
  margin-left: 20rem;
}

body .bg .center {
  text-align: center;
}

body .bg .center .logo {
  width: 177.88rem;
  margin: 5vh auto 4vh;
}

body .bg .desc {
  width: 584rem;
  margin: 0 auto;
  border-radius: 20rem;
  box-shadow: 0px 0px 26rem 0px rgba(157, 152, 152, 0.1);
  background: #fff;
  padding: 38rem 30rem 36rem;
  box-sizing: border-box;
  color: #333;
  font-size: 28rem;
  line-height: 44rem;
  font-family: 苹方;
  font-weight: 400;
}

body .bg .btn1 {
  width: 330rem;
  padding: 20rem 0;
  border-radius: 200rem;
  color: #fff;
  font-size: 30rem;
  background: linear-gradient(270deg, #ff5670 0%, #ff1e5c 99.091%);
  margin: 250rem auto 52rem;
}

body .fl_al {
  display: flex;
  align-items: center;
}
